body, html {
  position: relative;
  height: 100%;
  width: 100%;
}

#schedule {
  width: 100%;
  min-width: 700px;
  height: 100%;
  min-height: 380px;
  background: #FFFFFF;
  border-radius: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #E8EAEA;
}

#scheduleHeader {
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E8EAEA;
  position: relative;
}

#scheduleHeader li {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #1F1F1F;
  line-height: 40px;
  margin-left: 40px;
  margin-top: 5px;
  cursor: pointer;
}

#scheduleHeader li:nth-of-type(1) {
  margin-left: 31px;
}

[data-theme="defaultTheme"] #scheduleHeader li.sel, [data-theme="defaultTheme"] #scheduleHeader li:hover {
  color: #0091FF;
}

[data-theme="themeFirst"] #scheduleHeader li.sel, [data-theme="themeFirst"] #scheduleHeader li:hover {
  color: #20a94f;
}

#scheduleHeader #selectBlock {
  width: 70px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 24px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

[data-theme="defaultTheme"] #scheduleHeader #selectBlock {
  background-color: #0091FF;
}

[data-theme="themeFirst"] #scheduleHeader #selectBlock {
  background-color: #20a94f;
}

.contentData {
  position: absolute;
  left: 0;
  top: 56px;
  height: calc(100% - 57px);
  width: 100%;
}

#weekSchedule {
  z-index: 100;
}

#weekSchedule .topCon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 15px;
  height: calc(100% - 156px);
}

#weekSchedule .topCon .timeList {
  width: 55px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10px;
  height: 100%;
}

#weekSchedule .topCon .timeList li {
  font-size: 12px;
  font-family: Arial;
  font-weight: 400;
  color: #848484;
}

#weekSchedule .topCon .thing {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

#weekSchedule .bottomCon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #848484;
  line-height: 40px;
  padding-left: 65px;
  padding-right: 21px;
}

#weekSchedule .bottomCon ul li {
  width: 13.2857%;
  text-align: center;
  font-size: 12px;
}

.controlCon {
  padding-top: 15px;
  border-top: 1px solid #E8EAEA;
}

.controlCon ul, .controlCon li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.controlCon .timeP {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 29px;
}

.controlCon .startHour, .controlCon .endHour {
  margin-left: 9px;
}

.controlCon .startMinute, .controlCon .endMinute {
  margin-left: 2px;
}

.controlCon .endTimeP {
  margin-left: 39px;
}

.controlCon li select {
  outline: none;
  width: 70px;
  height: 26px;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #848484;
  text-align: center;
  cursor: pointer;
  background: none;
}

.controlCon li select:hover {
  border-color: #B4B4B4;
}

.controlCon .tingUl {
  margin-top: 10px;
  position: relative;
}

.controlCon .selectOrInput {
  position: relative;
}

.controlCon .selectOrInput .spanUnit {
  position: absolute;
  right: 6px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 5px;
}

.controlCon .tingOut {
  width: 142px;
  margin-left: 9px;
}

.controlCon .inputThing {
  width: 136px !important;
  height: 26px;
  margin-left: 9px;
  outline: none;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #848484;
}

.controlCon .inputThing:hover {
  border-color: #B4B4B4;
}

.controlCon .isEmpty {
  margin: 0;
  margin-left: 41px;
  margin-right: 6px;
}

.controlCon label {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

.controlCon li.buttonLi {
  position: absolute;
  right: 20px;
  top: -2px;
}

.controlCon .button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32px;
  height: 26px;
  border: 1px solid #0091FF;
  border-radius: 4px;
  color: #0091FF;
  text-align: center;
  cursor: pointer;
}

.controlCon .button span {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}

.controlCon .button:hover {
  color: #1163de;
  border-color: #1163de;
}

.controlCon #saveButton {
  margin-right: 10px;
}

[data-theme="defaultTheme"] .controlCon .button:hover {
  color: #0066ff;
}

[data-theme="themeFirst"] .controlCon .button:hover {
  color: #20a94f;
}

#divmenu {
  display: none;
  position: absolute;
  z-index: 100;
  width: 126px;
  height: 195px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 73, 128, 0.4);
          box-shadow: 0px 2px 9px 0px rgba(0, 73, 128, 0.4);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
}

#divmenu li {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #656565;
  line-height: 24px;
  padding-left: 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

#divmenu li:hover {
  background-color: #EEE;
}

#divmenu .disabledPaste {
  color: #C0C0C0;
  cursor: no-drop;
}

#divmenu .disabledPaste:hover {
  background: none;
}

#divmenu .line {
  display: block;
  width: 120px;
  height: 1px;
  background-color: #D6D6D6;
  margin: 3px 0;
  margin-left: 3px;
}

#specialSchedule .tingOut {
  width: 90px;
}

#specialSchedule .topDiv {
  height: calc(100% - 42px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#specialSchedule .bottomDiv {
  border-top: 1px solid #E8EAEA;
  height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#specialSchedule .bottomDiv .saveSpiceButton, #specialSchedule .bottomDiv .reloadSpiceButton {
  width: 30px;
  height: 24px;
  border: 1px solid #0091FF;
  border-radius: 4px;
  color: #0091FF;
  cursor: pointer;
  text-align: center;
}

#specialSchedule .bottomDiv .saveSpiceButton span, #specialSchedule .bottomDiv .reloadSpiceButton span {
  font-size: 18px;
  line-height: 24px;
}

#specialSchedule .bottomDiv .saveSpiceButton {
  margin-right: 10px;
}

#specialSchedule .bottomDiv div:hover {
  color: #1163de;
  border-color: #1163de;
}

#specialSchedule .thing {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

#specialLeft {
  width: 217px;
  height: 100%;
}

#specialLeft .dateContent {
  width: 217px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 73, 128, 0.2);
          box-shadow: 0px 1px 1px 0px rgba(0, 73, 128, 0.2);
}

#specialLeft .dateContent li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#specialLeft .dateContent li p {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  border: 1px solid transparent;
  cursor: pointer;
}

[data-theme="defaultTheme"] #specialLeft .dateContent li .date:hover {
  border-color: rgba(0, 145, 255, 0.5);
}

[data-theme="themeFirst"] #specialLeft .dateContent li .date:hover {
  border-color: #20a94f;
}

#specialLeft .dateContent li .selectedDate span {
  background-color: #00BC3A;
  color: #FFFFFF;
  border-radius: 50%;
  padding: 3px;
}

[data-theme="defaultTheme"] #specialLeft .dateContent li .today {
  border-color: #0091FF;
}

[data-theme="themeFirst"] #specialLeft .dateContent li .today {
  border-color: #20a94f;
}

#specialLeft .dateContent li .showDate {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
}

#specialLeft .dateContent .dateHeard {
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}

#specialLeft .dateContent .dateHeard .jumpToday {
  width: 20px;
  height: 20px;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #404040;
  position: absolute;
  left: 41px;
  top: 11px;
}

#specialLeft .dateContent .dateHeard .jumpToday:hover, #specialLeft .dateContent .dateHeard .iconfont:hover {
  cursor: pointer;
}

[data-theme="defaultTheme"] #specialLeft .dateContent .dateHeard .jumpToday:hover, [data-theme="defaultTheme"] #specialLeft .dateContent .dateHeard .iconfont:hover {
  border-color: #0066ff;
}

[data-theme="themeFirst"] #specialLeft .dateContent .dateHeard .jumpToday:hover, [data-theme="themeFirst"] #specialLeft .dateContent .dateHeard .iconfont:hover {
  border-color: #20a94f;
}

[data-theme="defaultTheme"] #specialLeft .dateContent .dateHeard .jumpToday:hover, [data-theme="defaultTheme"] #specialLeft .dateContent .dateHeard .iconfont:hover {
  color: #0091FF;
}

[data-theme="themeFirst"] #specialLeft .dateContent .dateHeard .jumpToday:hover, [data-theme="themeFirst"] #specialLeft .dateContent .dateHeard .iconfont:hover {
  color: #20a94f;
}

#specialLeft .dateContent .dateHeard .iconfont {
  font-size: 22px;
}

#specialLeft .dateContent .weekList p {
  font-family: PingFang SC;
  font-weight: bold;
}

#specialLeft #addButton {
  margin-top: 11px;
  width: 211px;
  height: 26px;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  margin-left: 3px;
}

[data-theme="defaultTheme"] #specialLeft #addButton {
  background-color: #0091FF;
}

[data-theme="themeFirst"] #specialLeft #addButton {
  background-color: #20a94f;
}

[data-theme="defaultTheme"] #specialLeft #addButton:hover {
  background-color: #0066ff;
}

[data-theme="themeFirst"] #specialLeft #addButton:hover {
  background-color: #20a94f;
}

#specialCenter {
  margin: 0 7px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 73, 128, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 73, 128, 0.2);
}

#specialCenter .specialList {
  height: calc(100% - 40px);
}

#specialCenter .specialList dt {
  padding-left: 20px;
  padding-top: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

#specialCenter .specialList > div {
  height: calc(100% - 35px);
  overflow-y: auto;
  margin-top: 10px;
}

#specialCenter .specialList dd {
  width: 90%;
  margin: 0px auto 10px;
  cursor: pointer;
}

#specialCenter .specialList dd div {
  padding-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#specialCenter .specialList dd div span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}

#specialCenter .specialList dd div .ball {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00BC3A;
  margin-left: 11px;
  margin-right: 8px;
}

#specialCenter .specialList dd p {
  padding-left: 27px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-top: 8px;
  padding-bottom: 7px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 260px;
  display: block;
}

#specialCenter .specialList dd:hover {
  background: rgba(0, 188, 58, 0.05);
}

#specialCenter .specialList dd.selected {
  background: rgba(0, 188, 58, 0.1);
}

#specialCenter #operation {
  height: 40px;
  text-align: center;
}

#specialCenter #operation span {
  font-size: 20px;
  line-height: 40px;
  padding: 0 5px;
  cursor: pointer;
}

[data-theme="defaultTheme"] #specialCenter #operation span {
  color: #0091FF;
}

[data-theme="themeFirst"] #specialCenter #operation span {
  color: #20a94f;
}

[data-theme="defaultTheme"] #specialCenter #operation span:hover {
  color: #1163de;
}

[data-theme="themeFirst"] #specialCenter #operation span:hover {
  color: #20a94f;
}

#specialCenter #operation .disabled {
  cursor: not-allowed;
}

[data-theme="defaultTheme"] #specialCenter #operation .disabled {
  color: #848484;
}

[data-theme="themeFirst"] #specialCenter #operation .disabled {
  color: #848484;
}

[data-theme="defaultTheme"] #specialCenter #operation .disabled:hover {
  color: #848484;
}

[data-theme="themeFirst"] #specialCenter #operation .disabled:hover {
  color: #848484;
}

#specialCenter #operation .toTop, #specialCenter #operation .toBottom {
  font-size: 22px;
}

#specialCenter #operation .toReanme {
  font-size: 16px;
}

#specialRight {
  width: 222px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

#specialRight .topRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#specialRight .topRight .otherRoot {
  width: calc(100% - 45px);
}

#specialRight .topRight .timeList {
  width: 44px;
}

#specialRight .topRight .timeList {
  font-size: 11px;
  font-family: Arial;
  font-weight: 400;
  color: #848484;
  line-height: 11px;
}

#specialRight .bottomRight {
  height: 95px;
  overflow: hidden;
}

#specialRight .bottomRight .timeP {
  margin-left: 0;
}

#specialRight .bottomRight .timeUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

#specialRight .bottomRight .timeUl li {
  width: 100%;
}

#specialRight .bottomRight .controlCon {
  padding-top: 0px;
  border-top: none;
  margin-top: 10px;
}

#specialRight .bottomRight .controlCon .inputThing {
  width: 100px !important;
  height: 24px;
}

#specialRight .bottomRight .controlCon .isEmpty {
  margin-left: 5px;
}

#specialRight .timeList {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#specialRight .tingUl {
  margin-top: 2px;
}

#specialRight .block:before {
  display: none;
}

#scheduleRootOther .root7 > div {
  border-left: none !important;
  border-right: none !important;
}

.blockDate {
  position: absolute;
  z-index: 101;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: none;
}

.dateSelectDiv {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 480px;
  height: 220px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dateSelectDiv .closeButton {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  position: relative;
}

.dateSelectDiv .closeButton span {
  position: absolute;
  right: 18px;
  top: 16px;
  cursor: pointer;
}

.dateSelectDiv .closeButton span.dataTitle {
  position: absolute;
  left: 18px;
  top: 16px;
  color: #111;
  font-size: 14px;
}

.dateSelectDiv .closeButton span.hide {
  display: none;
}

.dateSelectDiv ul {
  padding-top: 31px;
}

.dateSelectDiv ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 11px;
}

.dateSelectDiv ul li p {
  width: 123px;
  text-align: right;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

.dateSelectDiv ul li input, .dateSelectDiv ul li select {
  outline: none;
  width: 273px;
  height: 33px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 20px;
  color: #848484;
  font-size: 14px;
}

.dateSelectDiv ul li input:focus, .dateSelectDiv ul li select:focus {
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

[data-theme="defaultTheme"] .dateSelectDiv ul li input:focus, [data-theme="defaultTheme"] .dateSelectDiv ul li select:focus {
  border-color: #0091FF;
}

[data-theme="themeFirst"] .dateSelectDiv ul li input:focus, [data-theme="themeFirst"] .dateSelectDiv ul li select:focus {
  border-color: #20a94f;
}

.dateSelectDiv ul .dataRang {
  display: none;
}

.dateSelectDiv ul .dataRang div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dateSelectDiv ul .dataRang p {
  padding: 10px 0;
  margin-left: 241px;
  text-align: left;
}

.dateSelectDiv ul .dataOne select, .dateSelectDiv ul .dataRang select {
  width: 78px;
  height: 33px;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  background: none;
  margin-right: 20px;
  margin-left: 0;
  color: #848484;
}

.dateSelectDiv ul .dataOne .dateOneYear, .dateSelectDiv ul .dataRang .dateOneYear {
  margin-left: 44px;
}

.dateSelectDiv ul .dataRang .dateOneYear {
  margin-left: 142px;
}

.dateSelectDiv ul .reference {
  display: none;
}

.dateSelectDiv ul .reference select {
  margin-left: 143px;
}

.dateSelectDiv .foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 26px;
}

.dateSelectDiv .foot .buttonDiv {
  width: 74px;
  height: 24px;
  background: #9F9F9F;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  text-align: center;
  margin-right: 16px;
  cursor: pointer;
}

.dateSelectDiv .foot .cancelButton {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  color: #606266;
  border: 1px solid #9F9F9F;
}

.dateSelectDiv .foot .cancelButton:hover {
  border-color: #2679f4;
  color: #2679f4;
}

.dateSelectDiv .foot .confirmButton, .dateSelectDiv .foot .setButton, .dateSelectDiv .foot .deleteButton, .dateSelectDiv .foot .renameButton {
  margin-right: 23px;
}

[data-theme="defaultTheme"] .dateSelectDiv .foot .confirmButton, [data-theme="defaultTheme"] .dateSelectDiv .foot .setButton, [data-theme="defaultTheme"] .dateSelectDiv .foot .deleteButton, [data-theme="defaultTheme"] .dateSelectDiv .foot .renameButton {
  background-color: #0091FF;
}

[data-theme="themeFirst"] .dateSelectDiv .foot .confirmButton, [data-theme="themeFirst"] .dateSelectDiv .foot .setButton, [data-theme="themeFirst"] .dateSelectDiv .foot .deleteButton, [data-theme="themeFirst"] .dateSelectDiv .foot .renameButton {
  background-color: #20a94f;
}

[data-theme="defaultTheme"] .dateSelectDiv .foot .confirmButton:hover, [data-theme="defaultTheme"] .dateSelectDiv .foot .setButton:hover, [data-theme="defaultTheme"] .dateSelectDiv .foot .deleteButton:hover, [data-theme="defaultTheme"] .dateSelectDiv .foot .renameButton:hover {
  background-color: #0066ff;
}

[data-theme="themeFirst"] .dateSelectDiv .foot .confirmButton:hover, [data-theme="themeFirst"] .dateSelectDiv .foot .setButton:hover, [data-theme="themeFirst"] .dateSelectDiv .foot .deleteButton:hover, [data-theme="themeFirst"] .dateSelectDiv .foot .renameButton:hover {
  background-color: #20a94f;
}

.setDate {
  background: none;
}

.setDate .dateSelectDiv {
  height: 140px !important;
  width: 300px;
  left: 1px;
  right: auto;
  top: 97px;
  bottom: auto;
}

.deleteDate .deleteCon {
  margin-top: 65px;
  text-align: center;
}

.deleteDate .foot {
  margin-top: 60px;
}

.renameDate ul {
  padding-top: 80px;
}

.renameDate .foot {
  margin-top: 60px;
}

.coloseX {
  font-size: 12px !important;
}

.coloseX:hover {
  color: #0091FF;
}

#overviewSchedule .topDiv {
  height: calc(100% - 42px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#overviewSchedule .bottomDiv {
  border-top: 1px solid #E8EAEA;
  height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#overviewSchedule .bottomDiv .saveSpiceButton, #overviewSchedule .bottomDiv .reloadSpiceButton {
  width: 30px;
  height: 24px;
  border: 1px solid #0091FF;
  border-radius: 4px;
  color: #0091FF;
  cursor: pointer;
  text-align: center;
}

#overviewSchedule .bottomDiv .saveSpiceButton span, #overviewSchedule .bottomDiv .reloadSpiceButton span {
  font-size: 18px;
  line-height: 24px;
}

#overviewSchedule .bottomDiv .saveSpiceButton {
  margin-right: 10px;
}

#overviewSchedule .bottomDiv div:hover {
  color: #1163de;
  border-color: #1163de;
}

#overviewSchedule .specialList dd {
  margin-bottom: 24px;
}

#overviewSchedule .specialList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#overviewSchedule .specialList ul li {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

#overviewSchedule .specialList ul .time {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#overviewSchedule .specialList ul .eventText {
  margin-left: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#overviewSchedule .specialList ul .eventText .timeText {
  margin-top: 2px;
}

#overviewSchedule .specialList ul .eventText .timeCont {
  margin-top: 1px;
  line-height: 1.3;
}

#overviewSchedule .specialList ul .timeText {
  margin-left: 7px;
}

#overviewSchedule .specialList ul .timeCont {
  margin-left: 18px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#overviewSchedule .specialList ul .type {
  margin-left: 54px;
}

#overviewSchedule .specialList .ptop {
  padding-top: 9px;
}

#overviewSchedule .specialList .eventUl {
  margin-top: 10px;
}

#overviewSchedule .specialList .ball span {
  display: block;
  width: 8px;
  height: 8px;
  background: #00BC3A;
  border-radius: 50%;
}

.dialogShow {
  -webkit-animation: fadeIn .4s;
          animation: fadeIn .4s;
}

.dialogHide {
  -webkit-animation: fadeOut .4s;
          animation: fadeOut .4s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
